﻿@charset "utf-8";

html, body { background-color: #FFFFFF; }

.screen { background: url("../img/background.jpg") no-repeat scroll center top transparent; }

.s_body { color: #555555; }

.s_body a { color: #3399E0; }

.s_body .form_btnmaj_m .form_btn_text a { color: #FFFFFF; }

.spline {
    background: url("../images/reg.png") repeat-x scroll 0 -50px transparent;
    height: 1px;
    line-height: 1px;
    margin: 10px 0;
    overflow: hidden;
}

.ico__error {
    background: url("../images/reg.png") no-repeat scroll 0 -690px transparent;
    height: 16px;
    width: 16px;
}

.ico__pass {
    background: url("../images/reg.png") no-repeat scroll -50px -690px transparent;
    height: 16px;
    width: 16px;
}

.logo { margin: 20px 0; }

.logo a {
    background: url("../images/reg.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 42px;
    width: 192px;
}

.logo em { display: none; }

.banner {
    background: url("/user/img/banner.png") no-repeat scroll 0 0 transparent;
    height: 320px;
    left: 10px;
    position: relative;
    top: 80px;
    width: 580px;
    z-index: 1;
}

.state { color: #F4F4F4; }

.state ol { }

.state li {
    color: #909090;
    float: left;
    line-height: 30px;
    width: 100px;
}

.state em {
    background-color: #909090;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    text-align: center;
    width: 20px;
}

.state .current {
    color: #555555;
    font-weight: bold;
}

.state .current em { background-color: #3399E0; }

.state p {
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
}

.state h3 {
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}

.state .spline { margin-bottom: 20px; }

.sel-type {
    font-size: 14px;
    margin-bottom: 10px;
}

.formbox { margin-bottom: 80px; }

.formbox fieldset { border: medium none; }

.formbox label, .gender span {
    display: inline-block;
    font-size: 14px;
    padding: 0 5px;
    text-align: right;
    vertical-align: middle;
    width: 110px;
}

.formbox .gender .msg {
    font-size: 12px;
    padding: 0;
}

.formbox .gender .ico__error {
    padding: 0;
    vertical-align: text-bottom;
    width: 16px;
}

.formbox .entry { margin-bottom: 20px; }

.formbox .form_select { margin-right: 5px; }

.formbox .msg {
    color: #909090;
    margin-left: 15px;
}

.formbox .msg .ico__error, .formbox .msg .ico__pass { margin-right: 5px; }

.formbox .error, .formbox .txt .counter .warning { color: #AB0707; }

.formbox .pswd_state {
    background-color: #ECECEC;
    border: 1px solid #8FD1FF;
    display: inline-block;
    height: 10px;
    margin: 0 5px;
    position: relative;
    vertical-align: middle;
    width: 124px;
}

.formbox .pswd_state_def { border: 1px solid #C7C7C7; }

.formbox .pswd_state .level {
    display: inline-block;
    height: 8px;
    left: 1px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    width: 40px;
}

.formbox .pswd_state .level_1 { background-color: #8FD1FF; }

.formbox .pswd_state .level_2 {
    background-color: #43B1FE;
    left: 42px;
}

.formbox .pswd_state .level_3 {
    background-color: #3399E0;
    left: 83px;
}

.formbox .pswd_state .level_0 { background-color: #C7C7C7; }

.formbox .pswd_state .level_0_1 {
    background-color: #A0A0A0;
    left: 42px;
}

.formbox .pswd_state .level_0_2 {
    background-color: #898989;
    left: 83px;
}

.formbox .vcode {
    margin: 0 15px;
    vertical-align: middle;
}

.formbox .regbtn, .formbox .savebtn { padding-left: 123px; }

.formbox .regbtn a {
    background: url("../images/reg.png") no-repeat scroll 0 -70px transparent;
    display: block;
    height: 25px;
    width: 130px;
}

.formbox .regbtn a:hover { background-position: -150px -70px; }

.formbox .regbtn a:active { background-position: -300px -70px; }

.formbox .savebtn a {
    background: url("../images/reg.png") no-repeat scroll 0 -150px transparent;
    display: block;
    height: 45px;
    width: 130px;
}

.formbox .savebtn a:hover { background-position: -150px -150px; }

.formbox .savebtn a:active { background-position: -300px -150px; }

.formbox .regbtn em, .formbox .savebtn em { display: none; }

.formbox .terms {
    margin: -10px 0 20px;
    padding-left: 120px;
}

.formbox .rule input {
    margin-right: 5px;
    vertical-align: middle;
}

.formbox .gender label {
    text-align: left;
    width: 20px;
}

.formbox .alerts {
    color: #FF3300;
    margin-right: 5px;
}

.formbox .txt { margin-bottom: 20px; }

.formbox .txt .form_input { margin-bottom: 5px; }

.formbox .txt .counter { padding-left: 415px; }

.formbox .txt label { vertical-align: top; }

.formbox .userbase {
    height: 50px;
    margin-bottom: 20px;
}

.formbox .userbase .avatar {
    float: left;
    height: 50px;
    margin-right: 10px;
    width: 50px;
}

.formbox .userbase li {
    font-size: 14px;
    margin-bottom: 5px;
}

.formbox .userbase .tips {
    color: #909090;
    font-size: 12px;
}

.formbox .userbase .avatar img {
    display: block;
    height: 50px;
    width: 50px;
}

.formbox .strength {
    color: #909090;
    padding-left: 120px;
    padding-top: 10px;
}

.formbox .notice {
    background: none repeat scroll 0 0 #FFFCCE;
    border: 1px solid #D1BE9D;
    color: #909090;
    margin-left: 123px;
    margin-top: 10px;
    padding: 5px 10px;
    width: 290px;
}

.formbox .notice a { margin-left: 10px; }

.formbox .loginbind a {
    background: url("../images/reg.png") no-repeat scroll 0 -230px transparent;
    display: inline-block;
    height: 45px;
    margin-right: 20px;
    vertical-align: middle;
    width: 130px;
}

.formbox .loginbind a:hover { background-position: -150px -230px; }

.formbox .loginbind a:active { background-position: -300px -230px; }

.formbox .loginbind em { display: none; }

.formbox .loginbind .findpwd { line-height: 45px; }

.find {
    margin-bottom: 20px;
    padding-left: 123px;
}

.find .tips {
    color: #555555;
    font-size: 14px;
    margin-bottom: 15px;
}

.find .tips p {
    color: #555555;
    font-size: 14px;
    line-height: 24px;
}

.find .tips strong { margin-left: 10px; }

.find .repost { margin-left: 10px; }

.find .entry a {
    font-size: 12px;
    margin-left: 10px;
}

.pwdtype .entry {
    float: left;
    text-align: center;
}

.pwdtype .mailtype { border-right: 1px solid #F3F3F3; }

.pwdtype .entry span {
    display: block;
    margin-bottom: 5px;
}

.pwdtype .entry a {
    display: block;
    height: 142px;
    margin: 0 5px;
    padding-top: 56px;
    width: 290px;
}

.pwdtype .entry a:hover { background: none repeat scroll 0 0 #F3F3F3; }

.pwdtype .mobiletype a {
    border: medium none;
    height: 160px;
    padding-top: 38px;
}

.pwdtype .ico__mail {
    background: url("/user/img/ico_mail.png") no-repeat scroll 0 0 transparent;
    height: 69px;
    margin: 0 auto;
    width: 61px;
}

.pwdtype .ico__mobile {
    background: url("/user/img/ico_mobile.png") no-repeat scroll 0 0 transparent;
    height: 88px;
    margin: 0 auto;
    width: 35px;
}

.pwdtype .ico__mail { }

.pwdtype .ico__mobile { }

.aside {
    background: url("../img/line.jpg") no-repeat scroll left top transparent;
    min-height: 420px;
    padding-left: 20px;
}

.aside h3 {
    color: #555555;
    margin-bottom: 15px;
}

.aside .tudou_login {
    background: url("/partner/img/ico_tudou_16x16.png") no-repeat scroll left 2px transparent;
    margin: -5px 0 20px;
}

.aside .tudou_login a { padding-left: 20px; }

.aside .oauth_login h3 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
}

.aside .oauth_login a { margin-right: 5px; }

.aside .help p {
    color: #909090;
    line-height: 20px;
}